﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>My Health Measurements</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />        
</head>

<body>
<div id="wrapper">

    <div id="header">
        <div id="logo">
        	<a href="index.html"><img src="images/logo.png" alt="Get Fit By Design Logo"/></a>
       	</div>
        <div id="social">
            <ul id="share-icons">
                <li><a id="facebook-icon" title="Join us on Facebook" href="#"></a></li>
                <li><a id="twitter-icon" title="Follow us on Twitter" href="#"></a></li> 
            </ul>
        </div>
    </div>
    
	<div id="main-body">
		<div id="nav">
			<ul>
				<li><a href="health.html" title="My Health">My Health</a></li>			
				<li><a href="fitness.html" title="Fitness">Fitness</a></li>
				<li><a href="Nutrition/index.html" title="Diet & Nutrition">Diet &amp; Nutrition</a>
					<ul>
						<li><a href="Nutrition/nutritionProfile.html" title="My Nutrition Profile">My Nutrition Profile</a></li>
						<li><a href="Nutrition/recipes.html" title="My Recipes">My Recipes</a></li>
						<li><a href="Nutrition/foodTracker.html" title="My Food Tracker">My Food Tracker</a></li>
						<li><a href="Nutrition/education.html" title="My Education">My Education</a></li>
						<li><a href="Nutrition/motivation.html" title="My Motivation">My Motivation</a></li>
						<li><a href="Nutrition/goals.html" title="My Goals">My Goals</a></li>
						<li><a href="Nutrition/nutritionFacts.html" title="Nutrition Facts">Nutrition Facts</a></li>
						<li><a href="Nutrition/nutritionResources.html" title="Nutrition Resources">Nutrition Resources</a></li>
					</ul>
				</li>
				<li><a href="stress.html" title="Stress Management">Stress Management</a></li>			
				<li><a href="services.html" title="Services">Services</a></li>
				<li><a href="courses.html" title="Courses">Courses</a></li>
				<li><a href="help.html" title="Help & Support">Help &amp; Support</a></li>			
				<li><span style="float: right;"><a href="login.html" title="Login">Login &raquo;</a></span></li>
			</ul>
		</div>		
		
		<div class="main-content">
			<h3>My Health Measurements:</h3>
			<ul>
				<li>
					<label for="weight">Weight:</label>
					<input id="txtWeight" type="text" /> &nbsp;lbs
				</li>
				<li>
					<label for="height">Height:</label>
					<input id="txtHeightFt" type="text" style="width: 30px;" /> &nbsp;ft&nbsp;
					<input id="txtHeightInch" type="text" style="width: 30px;" /> &nbsp;in
				</li>
				<li>
					<label for="bmi">BMI:</label>
					<input id="txtBmi" type="text" /> &nbsp;kg/m2&nbsp;
					<a href="#">[What does my BMI mean?]</a>
				</li>
				<li>
					<span style="margin-left: -18px; padding-right: 5px; font-weight: bold;">Waist Circumference:</span>
					<input id="txtWaistInch" type="text" style="width: 30px;" /> &nbsp;in&nbsp;(&nbsp;
					<input id="txtWaistCm" type="text" style="width: 30px;" /> &nbsp;cm)
					<a href="#">[How do I measure waist circumference?]</a>					
				</li>
				<li>
					<label for="blodd">Blood Pressure:</label>
					<input id="txtBlood1" type="text" style="width: 30px;" /> &nbsp;/&nbsp;
					<input id="txtBlood2" type="text" style="width: 30px;" /> &nbsp;mmHg
					<a href="dont-know-blood-pressure.html" target="_blank" title="What if I don't know my blood pressure?">[What if I don't know my blood pressure?]</a>
				</li>
				<li>
					<span style="margin-left: -8px; padding-right: 6px; font-weight: bold;">Resting Heart Rate:</span>
					<input id="txtHeart" type="text" /> &nbsp;bpm&nbsp;
					<a href="#">[How do I measure my heart rate?]</a>
				</li>
				<li>
					<label for="glucose">Blood Glucose:</label>
					<input id="txtGlucose" type="text" />
					<input type="checkbox" name="glucose" value="glucose" style="margin: 4px;"/>I don't know my blood glucose levels.
				</li>
				<li>
					<label for="totalCholesterol">Total Cholesterol:</label>
					<input id="txtTotalCholesterol" type="text" />
					<input type="checkbox" name="totalCholesterol" value="totalCholesterol" style="margin: 4px;"/>I don't know my total cholesterol levels.
				</li>
				<li>
					<label for="ldlCholesterol">LDL Cholesterol:</label>
					<input id="txtldlCholesterol" type="text" />
					<input type="checkbox" name="ldlCholesterol" value="ldlCholesterol" style="margin: 4px;"/>I don't know my LDL cholesterol levels.
				</li>
				<li>
					<label for="jdlCholesterol">HDL Cholesterol:</label>
					<input id="txthdlCholesterol" type="text" />
					<input type="checkbox" name="hdlCholesterol" value="hdlCholesterol" style="margin: 4px;"/>I don't know my HDL cholesterol levels.
				</li>
				<li>
					<span style="margin-left: -17px; padding-right: 4px; font-weight: bold;">Physical Activity Level (select one):</span>&nbsp;<a href="#">[How do I determine my activity level?]</a>
				</li>
				<li style="padding-left: 90px;">
					<input type="checkbox" name="chkBxPhysical1" value="sedentary"/>Sedentary<br/>
					<input type="checkbox" name="chkBxPhysical2" value="minimally-active"/>Minimally Active<br/>
				    <input type="checkbox" name="chkBxPhysical3" value="somewhat-active"/>Somewhat Active<br/>
				    <input type="checkbox" name="chkBxPhysical4" value="active"/>Active<br/>
				    <input type="checkbox" name="chkBxPhysical5" value="highly-active"/>Highly Active<br/>
				</li>
			</ul><br/><br/>
		
			<span style="padding-left: 148px">
				<button class=" awesomebtn green" style="border-radius: 0 7px;" title="My Health Check Disclaimer" onclick="location.href='health-check-disclaimer.html'">&raquo; Back </button>		
			</span>
			<span style="padding-left: 20px">
				<button class=" awesomebtn green" title="My Health History" onclick="location.href='health-history.html'">Continue &raquo;</button>		
			</span><br />

		</div>
	</div>
	
	<div>
		<a href="#" title="About Us">About Us</a>&nbsp;/&nbsp;
		<a href="#" title="Contact Us">Contact Us</a>&nbsp;/&nbsp;
		<a href="#" title="Jobs">Jobs</a>
		<span style="float:right;">&copy;2011&nbsp;<a href="#">Carroll University.</a>&nbsp;All Rights Reserved.</span>
	</div>	
</div>

</body>
</html>
